<template>
  <div class="page">
        <div class="blur"></div>
        <div class="msg">
            <div>155-1716-7266</div>
            <div class="msg1">呼叫</div>
            <div class="line"></div>
            <div class="msg1">取消</div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .page {
            width: 100%;
        }

        .blur {
            width: 100%;
            background-color: #000;
            height: 621px;
            opacity: 0.5;
        }

        .msg {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 189px;
            background: rgba(255, 255, 255, 1);
            border-radius: 30px 30px 0px 0px;
            font-family: "Source Han Sans CN";
        }

        .msg div:nth-child(1) {
            width: 100%;
            height: 63px;
            font-size: 16px;
            border-bottom: 1px solid #eee;
            font-weight: 400;
            color: rgba(144, 144, 144, 1);
            text-align: center;
            line-height: 63px;
        }

        .msg1 {
            width: 100%;
            height: 63px;
            font-size: 16px;
            border-bottom: 1px solid #eee;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            text-align: center;
            line-height: 63px;
        }

        .line {
            width: 100%;
            height: 10px;
            background-color: #F5F5F5;
        }
    </style>
